ASP.NET দিয়ে ওয়েব অ্যাপ তৈরি

Microsoft Technologies - সি শার্প (C#) - ওয়েব ডেভেলপমেন্ট | NCTB BOOK

ASP.NET হলো Microsoft এর তৈরি একটি শক্তিশালী ফ্রেমওয়ার্ক, যা দিয়ে সহজেই ডায়নামিক এবং স্কেলেবল ওয়েব অ্যাপ্লিকেশন তৈরি করা যায়। ASP.NET ব্যবহার করে আপনি ওয়েব অ্যাপ্লিকেশন, API এবং অন্যান্য ওয়েব-ভিত্তিক সলিউশন তৈরি করতে পারেন।

ASP.NET ওয়েব অ্যাপ্লিকেশন তৈরি করার ধাপ

ASP.NET দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করতে Visual Studio ব্যবহার করা হয়। Visual Studio এর সরাসরি সাপোর্ট থাকার কারণে ASP.NET দিয়ে ওয়েব অ্যাপ তৈরি করা সহজ।


ধাপ ১: নতুন ASP.NET প্রজেক্ট তৈরি

১. Visual Studio ওপেন করুন। ২. File > New > Project এ যান। ৩. ASP.NET Core Web App (Model-View-Controller) নির্বাচন করুন (এই টেমপ্লেটটি ASP.NET এর জন্য সর্বাধিক ব্যবহৃত MVC প্যাটার্ন) এবং Next এ ক্লিক করুন। ৪. প্রজেক্টের জন্য নাম দিন এবং Create ক্লিক করুন। ৫. .NET Core এবং ASP.NET Core 5.0 বা উপরের ভার্সন সিলেক্ট করুন, এবং Create এ ক্লিক করুন।


ASP.NET প্রজেক্ট স্ট্রাকচার

একটি ASP.NET প্রজেক্টে সাধারণত নিচের ফোল্ডারগুলো থাকে:

  1. Controllers: এখানে কন্ট্রোলার ফাইলগুলো থাকে, যা ইউজারের ইনপুট প্রসেস করে এবং ভিউতে তথ্য প্রেরণ করে।
  2. Models: এখানে মডেল ফাইলগুলো থাকে, যা ডাটার সাথে কাজ করে।
  3. Views: এখানে ভিউ ফাইলগুলো থাকে, যা UI বা HTML ফরম্যাটে ডেটা প্রদর্শন করে।
  4. wwwroot: এই ফোল্ডারে স্ট্যাটিক ফাইল যেমন CSS, JavaScript, এবং ইমেজ ফাইল থাকে।
  5. appsettings.json: এখানে ডাটাবেস কানেকশন স্ট্রিং সহ বিভিন্ন কনফিগারেশন থাকে।

ধাপ ২: একটি কন্ট্রোলার তৈরি

ধরা যাক, আমরা একটি HomeController তৈরি করব, যেখানে একটি ইন্ডেক্স অ্যাকশন মেথড থাকবে।

১. Controllers ফোল্ডারে ডান-ক্লিক করে Add > Controller নির্বাচন করুন। ২. MVC Controller - Empty নির্বাচন করুন এবং Add এ ক্লিক করুন। ৩. HomeController নামে একটি নতুন কন্ট্রোলার তৈরি হবে।

HomeController.cs ফাইলে নিচের কোডটি লিখুন:

using Microsoft.AspNetCore.Mvc;

public class HomeController : Controller
{
    public IActionResult Index()
    {
        return View();
    }

    public IActionResult About()
    {
        ViewData["Message"] = "This is an ASP.NET web application.";
        return View();
    }
}

ব্যাখ্যা

  • Index মেথড: Index মেথডটি Views/Home/Index.cshtml ভিউ ফাইলে রেন্ডার করবে।
  • About মেথড: About মেথডটি ভিউতে একটি মেসেজ পাঠাবে এবং ভিউ রেন্ডার করবে।

ধাপ ৩: একটি ভিউ তৈরি

Views ফোল্ডারে Home নামে একটি ফোল্ডার তৈরি করুন। তারপর Home ফোল্ডারের মধ্যে Index.cshtml এবং About.cshtml নামে দুটি ফাইল যোগ করুন।

Index.cshtml ফাইলে কোড লিখুন:

@{
    ViewData["Title"] = "Home Page";
}

<h1>Welcome to ASP.NET Web Application</h1>
<p>This is the home page.</p>

About.cshtml ফাইলে কোড লিখুন:

@{
    ViewData["Title"] = "About";
}

<h1>About</h1>
<p>@ViewData["Message"]</p>

ব্যাখ্যা

  • @{ ViewData["Title"] = "Home Page"; }: ভিউতে টাইটেল সেট করা হয়েছে।
  • @ViewData["Message"]: কন্ট্রোলার থেকে পাঠানো মেসেজ ভিউতে প্রদর্শিত হবে।

ধাপ ৪: ডাটাবেস কানেক্টিভিটি

ASP.NET এ ডাটাবেস কানেক্টিভিটি সেটআপ করতে Entity Framework Core ব্যবহার করা হয়, যা ORM (Object-Relational Mapping) এর মাধ্যমে ডাটাবেস ম্যানেজ করতে সহায়ক।

প্রথমে Entity Framework Core ইনস্টল করুন

Visual Studio এর Package Manager Console ওপেন করুন এবং নিচের কমান্ডটি লিখুন:

Install-Package Microsoft.EntityFrameworkCore.SqlServer
Install-Package Microsoft.EntityFrameworkCore.Tools

Model তৈরি করুন

Models ফোল্ডারে একটি Student নামে ক্লাস তৈরি করুন:

public class Student
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }
}

DbContext তৈরি

Models ফোল্ডারে ApplicationDbContext নামে একটি নতুন ক্লাস তৈরি করুন:

using Microsoft.EntityFrameworkCore;

public class ApplicationDbContext : DbContext
{
    public ApplicationDbContext(DbContextOptions<ApplicationDbContext> options) : base(options)
    {
    }

    public DbSet<Student> Students { get; set; }
}

appsettings.json ফাইলে কানেকশন স্ট্রিং যুক্ত করুন

"ConnectionStrings": {
    "DefaultConnection": "Server=your_server_name;Database=your_database_name;User Id=your_username;Password=your_password;"
}

Startup.cs ফাইলে DbContext রেজিস্টার করা

using Microsoft.EntityFrameworkCore;

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllersWithViews();
    services.AddDbContext<ApplicationDbContext>(options =>
        options.UseSqlServer(Configuration.GetConnectionString("DefaultConnection")));
}

ধাপ ৫: ডাটাবেস মাইগ্রেশন চালানো

Entity Framework ব্যবহার করে ডাটাবেসে টেবিল তৈরি করতে Package Manager Console এ নিচের কমান্ডগুলো লিখুন:

Add-Migration InitialCreate
Update-Database

এই মাইগ্রেশন Entity Framework Core এর মাধ্যমে ডাটাবেস টেবিল তৈরি করবে।


ধাপ ৬: রান করা এবং ব্রাউজ করা

১. Visual Studio তে Start (বা F5) ক্লিক করে প্রজেক্ট রান করুন। ২. ব্রাউজারে https://localhost:5001/Home/Index এবং https://localhost:5001/Home/About এ গিয়ে পেজগুলো দেখুন।


সংক্ষেপে ASP.NET দিয়ে ওয়েব অ্যাপ তৈরি

  1. প্রজেক্ট তৈরি: Visual Studio তে নতুন ASP.NET প্রজেক্ট তৈরি করুন।
  2. Model-View-Controller: MVC প্যাটার্ন অনুসরণ করুন, যেখানে ডেটা মডেল, কন্ট্রোলার এবং ভিউ আলাদাভাবে সংরক্ষিত হয়।
  3. Entity Framework: ডাটাবেস কানেক্টিভিটির জন্য Entity Framework Core ব্যবহার করুন।
  4. মাইগ্রেশন চালানো: মাইগ্রেশন চালিয়ে ডাটাবেসে টেবিল তৈরি করুন।
  5. রান ও ব্রাউজ: প্রজেক্ট রান করুন এবং ব্রাউজারে পেজগুলো দেখুন।

ASP.NET দিয়ে ওয়েব অ্যাপ তৈরি করার মাধ্যমে সহজে ডাইনামিক এবং স্কেলেবল ওয়েবসাইট এবং API তৈরি করা সম্ভব।

Content added By
Promotion